<!-- 系统整体页面 -->
<template>
  <div class="wrapper">
    <!-- 头部菜单栏 -->
    <head-menu />
    <!-- 左侧二级菜单栏和主体内容区域。因为显示首页时，只有头部不变，其余都为主页显示的内容，所以没有将左侧和主体内容进行拆分-->
    <el-main>
      <router-view></router-view>
    </el-main>
  </div>
</template>

<script>
  import HeadMenu from '@/components/HeadMenu.vue'
  export default {
    components: { HeadMenu }
  }
</script>

<style scoped>
  .wrapper {
    width: 100%;
    height: 100%;
    background: #f0f0f0;
  }
</style>
